<template>
    <div class="warp">
    	<header>
    		<span class="left"><router-link to='/culture'><img src="../../static/img/return.png"/></router-link></span>
    		<span class="center">泡文化</span>
    		<span class="right"></span>
    	</header>
    	
    	
    	<main>
    			
    		<div class="wenhua">
    			<h1>{{text}}</h1>
    			<p>{{texttwo}}</p>
    			<p>{{textthree}}</p>
    			
    		</div>
    		
    		<div class="title">
    			<dl>
    				<dt><img src="../../static/img/chaqi-1.png"/></dt>
    				<dd v-for='item in imges'>
    					<p>{{item.tlite1}}</p>
    					<p>{{item.tlite2}}</p>
    				</dd>
    			</dl>
    			
    			<dl>
    				<dt><img src="../../static/img/chaqi-2.png" class="b"/></dt>
    				<dd>
    					<p></p>
    					<p></p>
    				</dd>
    			</dl>
    		</div>
    		
    		
    		
    	</main>
    	
    	
    	
    	
 </div>	
</template>
 		<script>
    	import axios from 'axios'
    		export default {
    			name:'warp',
		  data () {
		  	return {
		  		text:"一杯盖碗茶的暗语，你造吗？",
		  		texttwo:"2015-10-19　11:33:32",
		  		textthree:"泡茶叔",
				imges:[],
		     }
		  },
		  mounted () {
		    axios.get('../../static/json/culturethree.json')
			   .then(response => {
				this.imges = response.data
				console.log(this.imges)
			}) 
          
 }
		 
		}
    	</script>
    	
    	<style scoped lang="less"4>
    		@import '.././assets/less/header.less';
    		@import '.././assets/less/culturethree.less';
    		
	        .curr{
	        	background: #42B983!important;
	        	color: white!important;
	        }
    	</style>
